<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./css/bootstrap.min.css">  
    <link rel="stylesheet" href="./css/basecss/base.css">
    <link rel="stylesheet" href="./css/basecss/second.css">
    <link rel="stylesheet" href="./css/basecss/child.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <title>歌瑞森儿童</title>
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">GRACING<br />UNDERWEAR</a>
            <a class="navbar-brand" href="#">GRACING<br />HOME</a>
            <a class="navbar-brand" href="#">GRACING<br />LIFE</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#"><span class="glyphicon glyphicon-paperclip"></span>订单查询</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-paperclip"></span>注册</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-paperclip"></span>登录</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-paperclip"></span>购物袋</a></li>
            </ul>
            </div>
        </div>
    </nav>
    <div class='cnt'>
        <div class='logo'>
             <img src='./image/logo.png' />
        </div>
        <div class="daohang">
            <ul>
                <li><a href="nvshi.html">女士</a></li>
                <li><a href="nanshi.html">男士</a></li>
                <li><a href="child.html">儿童</a></li>
                <li class="ofus-box"><a href="#">关于歌瑞森
                    <div class="ofus">
                        <div><a href="jiaruwomen.html">加入我们</a></div>
                        <div><a href="brand%20story.html">品牌故事</a></div>
                        <div><a href="Brand%20dynamics.html">品牌动态</a></div>
                        <div><a href="influence.html">品牌影响力</a></div>
                    </div>
                </a></li>
            </ul>
        </div>
        <div class='bot'>
            <div class="banner"><img src="./images/child/child_01.png"></div>
           <!--孩子 你慢慢来等中间部分-->
            <div class="contain">
                <!--孩子 你慢慢来部分-->
                <div class="middle">
                    <div class="txt">
                        <h3>孩子&nbsp;你慢慢来</h3>
                        <h4>SLOWLY</h4>
                    </div>
                    <div class="img2">
                        <a href=""><img src="images/child/child_02.png"/> </a>
                    </div>
                </div>
                <div class="middle">
                    <div class="txt">
                            <h3>男孩&nbsp;专属</h3>
                            <h4>SLOWLY SMILE</h4>
                    </div>
                </div>
                <!--男孩商品分类等尾部-->
                <div class="boy">
                    <div class="img3">
                    <img src="image/child_03.png"/>
                    </div>
                    <div class="img4">
                        <img src="image/child_04.png"/>
                    </div>
                    <div class="img5">
                        <img src="image/child_05.png"/>
                    </div>
                    <div class="image1">
                        <a href="boyde.html"><img src="images/child/child_09.png"/></a>
                    </div>
                </div>
                <div class="middle">
                        <div class="txt">
                                <h3>女孩&nbsp;专属</h3>
                                <h4>SLOWLY SMILE</h4>
                        </div>
                </div>
                <!--女孩商品分类等尾部-->
                <div class="boy">
                        <div class="img3">
                        <img src="images/child/child_06.png"/>
                        </div>
                        <div class="img4">
                            <img src="images/child/child_07.png"/>
                        </div>
                        <div class="img5">
                            <img src="images/child/child_05.png"/>
                        </div>
                        <div class="image1">
                            <a href="boyde.html"><img src="image/child_09.png"/></a>
                        </div>
                    </div>
            </div>
        </div>
    </div>
    <div class='foot'>
        <div class='row'>
            <div class='col-sm-3'>
                <div class="foot-section1">
                    <h5>订阅歌瑞森最新资讯</h5>
                    <div class="email-form clearfix"><form>
                        <input placeholder="电子邮件"  style="width: 70%;" />
                    </form></div>
                    <div>点击订阅即可获得更多优惠</div>
            
                    <div class="info-icon">
                        <h5>关注歌瑞森</h5>
                        <span class="glyphicon glyphicon-phone-alt"></span>
                        <span class="glyphicon glyphicon-phone"></span>
                    </div>
                </div>
            </div>
           
            <div class='col-sm-3'>
                <div class="foot-section3">
                    <h5>联系我们</h5>
                    <ul>
                        <li>
                            <span class="glyphicon glyphicon-phone"></span>
                            <span>安徽省合肥市政务区置地广场C座25楼(龙图路666号)</span>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-phone-alt"></span>
                            <span>4000802980</span>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-paperclip"></span>
                            <span>4008057066@b.qq.com</span>
                        </li>
                    </ul>
                    </div>
            </div>
            <div class='col-sm-3'>
                    <div class="foot-section2">
                        <h5>温馨提示</h5>
                        <div class='row'>
                        <div class='col-xs-6'>
                            <ul>
                                <li><a href="#">购物帮助</a></li>
                                <li><a href="#">尺码指南</a></li>
                                <li><a href="#">关于订单</a></li>
                            </ul>
                        </div>
                        <div class='col-xs-6'>
                            <ul>
                                <li><a href="#">物流配送</a></li>
                                <li><a href="#">退货说明</a></li>
                                <li><a href="#">产品须知</a></li>
                            </ul>
                        </div>
                    </div>
                       
                        
                    </div>
            </div>
            <div class='col-sm-3'>
                <div class="foot-section4">
                    <h5>查看门店</h5>
                    <span class="glyphicon glyphicon-phone"></span>
                </div>
            </div>
        </div>
    </div>

  
              
</body>
</html>